{extend name="layouts/iframe" /}

{block name="pagecss"}
<style>
    .doc-icon {
        font-size: 0;
    }
    .doc-icon li {
        display: inline-block;
        vertical-align: middle;
        width: 20%;
        /*height: 65px;*/
        line-height: 25px;
        padding: 20px 0;
        margin-right: -1px;
        margin-bottom: -1px;
        border: 1px solid #e2e2e2;
        font-size: 14px;
        text-align: center;
        color: #666;
        cursor: pointer;
        transition: all .3s;
        -webkit-transition: all .3s;
    }
    .doc-icon li:hover {
        color: #fff;
        background-color: #5FB878;
    }
    .doc-icon li .layui-icon {
        display: inline-block;
        font-size: 36px;
    }
    .doc-icon li .doc-icon-fontclass {
        height: 30px;
        line-height: 20px;
        padding: 0 5px;
        font-size: 13px;
        color: #333;
    }
</style>
{/block}

{block name="content"}
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body" style="padding: 15px;">
            <div class="layui-tab layui-tab-brief" lay-filter="">
                <ul class="layui-tab-title">
                    <li class="layui-this">Layui 图标</li>
                    <li class=""> Simple Line Icons </li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <ul class="doc-icon layui-row">
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-rate-half"></i>
                                <div class="doc-icon-fontclass">layui-icon-rate-half</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-rate"></i>
                                <div class="doc-icon-fontclass">layui-icon-rate</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-rate-solid"></i>
                                <div class="doc-icon-fontclass">layui-icon-rate-solid</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-cellphone"></i>
                                <div class="doc-icon-fontclass">layui-icon-cellphone</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-vercode"></i>
                                <div class="doc-icon-fontclass">layui-icon-vercode</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-login-wechat"></i>
                                <div class="doc-icon-fontclass">layui-icon-login-wechat</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-login-qq"></i>
                                <div class="doc-icon-fontclass">layui-icon-login-qq</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-login-weibo"></i>
                                <div class="doc-icon-fontclass">layui-icon-login-weibo</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-password"></i>
                                <div class="doc-icon-fontclass">layui-icon-password</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-username"></i>
                                <div class="doc-icon-fontclass">layui-icon-username</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-refresh-3"></i>
                                <div class="doc-icon-fontclass">layui-icon-refresh-3</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-auz"></i>
                                <div class="doc-icon-fontclass">layui-icon-auz</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-spread-left"></i>
                                <div class="doc-icon-fontclass">layui-icon-spread-left</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-shrink-right"></i>
                                <div class="doc-icon-fontclass">layui-icon-shrink-right</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-snowflake"></i>
                                <div class="doc-icon-fontclass">layui-icon-snowflake</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-tips"></i>
                                <div class="doc-icon-fontclass">layui-icon-tips</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-note"></i>
                                <div class="doc-icon-fontclass">layui-icon-note</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-home"></i>
                                <div class="doc-icon-fontclass">layui-icon-home</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-senior"></i>
                                <div class="doc-icon-fontclass">layui-icon-senior</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-refresh"></i>
                                <div class="doc-icon-fontclass">layui-icon-refresh</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-refresh-1"></i>
                                <div class="doc-icon-fontclass">layui-icon-refresh-1</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-flag"></i>
                                <div class="doc-icon-fontclass">layui-icon-flag</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-theme"></i>
                                <div class="doc-icon-fontclass">layui-icon-theme</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-notice"></i>
                                <div class="doc-icon-fontclass">layui-icon-notice</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-website"></i>
                                <div class="doc-icon-fontclass">layui-icon-website</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-console"></i>
                                <div class="doc-icon-fontclass">layui-icon-console</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-face-surprised"></i>
                                <div class="doc-icon-fontclass">layui-icon-face-surprised</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-set"></i>
                                <div class="doc-icon-fontclass">layui-icon-set</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-template-1"></i>
                                <div class="doc-icon-fontclass">layui-icon-template-1</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-app"></i>
                                <div class="doc-icon-fontclass">layui-icon-app</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-template"></i>
                                <div class="doc-icon-fontclass">layui-icon-template</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-praise"></i>
                                <div class="doc-icon-fontclass">layui-icon-praise</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-tread"></i>
                                <div class="doc-icon-fontclass">layui-icon-tread</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-male"></i>
                                <div class="doc-icon-fontclass">layui-icon-male</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-female"></i>
                                <div class="doc-icon-fontclass">layui-icon-female</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-camera"></i>
                                <div class="doc-icon-fontclass">layui-icon-camera</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-camera-fill"></i>
                                <div class="doc-icon-fontclass">layui-icon-camera-fill</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-more"></i>
                                <div class="doc-icon-fontclass">layui-icon-more</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-more-vertical"></i>
                                <div class="doc-icon-fontclass">layui-icon-more-vertical</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-rmb"></i>
                                <div class="doc-icon-fontclass">layui-icon-rmb</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-dollar"></i>
                                <div class="doc-icon-fontclass">layui-icon-dollar</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-diamond"></i>
                                <div class="doc-icon-fontclass">layui-icon-diamond</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-fire"></i>
                                <div class="doc-icon-fontclass">layui-icon-fire</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-return"></i>
                                <div class="doc-icon-fontclass">layui-icon-return</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-location"></i>
                                <div class="doc-icon-fontclass">layui-icon-location</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-read"></i>
                                <div class="doc-icon-fontclass">layui-icon-read</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-survey"></i>
                                <div class="doc-icon-fontclass">layui-icon-survey</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-face-smile"></i>
                                <div class="doc-icon-fontclass">layui-icon-face-smile</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-face-cry"></i>
                                <div class="doc-icon-fontclass">layui-icon-face-cry</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-cart-simple"></i>
                                <div class="doc-icon-fontclass">layui-icon-cart-simple</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-cart"></i>
                                <div class="doc-icon-fontclass">layui-icon-cart</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-next"></i>
                                <div class="doc-icon-fontclass">layui-icon-next</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-prev"></i>
                                <div class="doc-icon-fontclass">layui-icon-prev</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-upload-drag"></i>
                                <div class="doc-icon-fontclass">layui-icon-upload-drag</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-upload"></i>
                                <div class="doc-icon-fontclass">layui-icon-upload</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-download-circle"></i>
                                <div class="doc-icon-fontclass">layui-icon-download-circle</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-component"></i>
                                <div class="doc-icon-fontclass">layui-icon-component</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-file-b"></i>
                                <div class="doc-icon-fontclass">layui-icon-file-b</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-user"></i>
                                <div class="doc-icon-fontclass">layui-icon-user</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-find-fill"></i>
                                <div class="doc-icon-fontclass">layui-icon-find-fill</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-loading layui-icon layui-anim layui-anim-rotate layui-anim-loop"></i>
                                <div class="doc-icon-fontclass">layui-icon-loading</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-loading-1 layui-icon layui-anim layui-anim-rotate layui-anim-loop"></i>
                                <div class="doc-icon-fontclass">layui-icon-loading-1</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-add-1"></i>
                                <div class="doc-icon-fontclass">layui-icon-add-1</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-play"></i>
                                <div class="doc-icon-fontclass">layui-icon-play</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-pause"></i>
                                <div class="doc-icon-fontclass">layui-icon-pause</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-headset"></i>
                                <div class="doc-icon-fontclass">layui-icon-headset</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-video"></i>
                                <div class="doc-icon-fontclass">layui-icon-video</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-voice"></i>
                                <div class="doc-icon-fontclass">layui-icon-voice</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-speaker"></i>
                                <div class="doc-icon-fontclass">layui-icon-speaker</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-fonts-del"></i>
                                <div class="doc-icon-fontclass">layui-icon-fonts-del</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-fonts-code"></i>
                                <div class="doc-icon-fontclass">layui-icon-fonts-code</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-fonts-html"></i>
                                <div class="doc-icon-fontclass">layui-icon-fonts-html</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-fonts-strong"></i>
                                <div class="doc-icon-fontclass">layui-icon-fonts-strong</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-unlink"></i>
                                <div class="doc-icon-fontclass">layui-icon-unlink</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-picture"></i>
                                <div class="doc-icon-fontclass">layui-icon-picture</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-link"></i>
                                <div class="doc-icon-fontclass">layui-icon-link</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-face-smile-b"></i>
                                <div class="doc-icon-fontclass">layui-icon-face-smile-b</div>
                            </li>

                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-align-left"></i>
                                <div class="doc-icon-fontclass">layui-icon-align-left</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-align-right"></i>
                                <div class="doc-icon-fontclass">layui-icon-align-right</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-align-center"></i>
                                <div class="doc-icon-fontclass">layui-icon-align-center</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-fonts-u"></i>
                                <div class="doc-icon-fontclass">layui-icon-fonts-u</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-fonts-i"></i>
                                <div class="doc-icon-fontclass">layui-icon-fonts-i</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-tabs"></i>
                                <div class="doc-icon-fontclass">layui-icon-tabs</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-radio"></i>
                                <div class="doc-icon-fontclass">layui-icon-radio</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-circle"></i>
                                <div class="doc-icon-fontclass">layui-icon-circle</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-edit"></i>
                                <div class="doc-icon-fontclass">layui-icon-edit</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-share"></i>
                                <div class="doc-icon-fontclass">layui-icon-share</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-delete"></i>
                                <div class="doc-icon-fontclass">layui-icon-delete</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-form"></i>
                                <div class="doc-icon-fontclass">layui-icon-form</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-cellphone-fine"></i>
                                <div class="doc-icon-fontclass">layui-icon-cellphone-fine</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-dialogue"></i>
                                <div class="doc-icon-fontclass">layui-icon-dialogue</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-fonts-clear"></i>
                                <div class="doc-icon-fontclass">layui-icon-fonts-clear</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-layer"></i>
                                <div class="doc-icon-fontclass">layui-icon-layer</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-date"></i>
                                <div class="doc-icon-fontclass">layui-icon-date</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-water"></i>
                                <div class="doc-icon-fontclass">layui-icon-water</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-code-circle"></i>
                                <div class="doc-icon-fontclass">layui-icon-code-circle</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-carousel"></i>
                                <div class="doc-icon-fontclass">layui-icon-carousel</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-prev-circle"></i>
                                <div class="doc-icon-fontclass">layui-icon-prev-circle</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-layouts"></i>
                                <div class="doc-icon-fontclass">layui-icon-layouts</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-util"></i>
                                <div class="doc-icon-fontclass">layui-icon-util</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-templeate-1"></i>
                                <div class="doc-icon-fontclass">layui-icon-templeate-1</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-upload-circle"></i>
                                <div class="doc-icon-fontclass">layui-icon-upload-circle</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-tree"></i>
                                <div class="doc-icon-fontclass">layui-icon-tree</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-table"></i>
                                <div class="doc-icon-fontclass">layui-icon-table</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-chart"></i>
                                <div class="doc-icon-fontclass">layui-icon-chart</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-chart-screen"></i>
                                <div class="doc-icon-fontclass">layui-icon-chart-screen</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-engine"></i>
                                <div class="doc-icon-fontclass">layui-icon-engine</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-triangle-d"></i>
                                <div class="doc-icon-fontclass">layui-icon-triangle-d</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-triangle-r"></i>
                                <div class="doc-icon-fontclass">layui-icon-triangle-r</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-file"></i>
                                <div class="doc-icon-fontclass">layui-icon-file</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-set-sm"></i>
                                <div class="doc-icon-fontclass">layui-icon-set-sm</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-add-circle"></i>
                                <div class="doc-icon-fontclass">layui-icon-add-circle</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-404"></i>
                                <div class="doc-icon-fontclass">layui-icon-404</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-about"></i>
                                <div class="doc-icon-fontclass">layui-icon-about</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-up"></i>
                                <div class="doc-icon-fontclass">layui-icon-up</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-down"></i>
                                <div class="doc-icon-fontclass">layui-icon-down</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-left"></i>
                                <div class="doc-icon-fontclass">layui-icon-left</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-right"></i>
                                <div class="doc-icon-fontclass">layui-icon-right</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-circle-dot"></i>
                                <div class="doc-icon-fontclass">layui-icon-circle-dot</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-search"></i>
                                <div class="doc-icon-fontclass">layui-icon-search</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-set-fill"></i>
                                <div class="doc-icon-fontclass">layui-icon-set-fill</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-group"></i>
                                <div class="doc-icon-fontclass">layui-icon-group</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-friends"></i>
                                <div class="doc-icon-fontclass">layui-icon-friends</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-reply-fill"></i>
                                <div class="doc-icon-fontclass">layui-icon-reply-fill</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-menu-fill"></i>
                                <div class="doc-icon-fontclass">layui-icon-menu-fill</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-log"></i>
                                <div class="doc-icon-fontclass">layui-icon-log</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-picture-fine"></i>
                                <div class="doc-icon-fontclass">layui-icon-picture-fine</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-face-smile-fine"></i>
                                <div class="doc-icon-fontclass">layui-icon-face-smile-fine</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-list"></i>
                                <div class="doc-icon-fontclass">layui-icon-list</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-release"></i>
                                <div class="doc-icon-fontclass">layui-icon-release</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-ok"></i>
                                <div class="doc-icon-fontclass">layui-icon-ok</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-help"></i>
                                <div class="doc-icon-fontclass">layui-icon-help</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-chat"></i>
                                <div class="doc-icon-fontclass">layui-icon-chat</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-top"></i>
                                <div class="doc-icon-fontclass">layui-icon-top</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-star"></i>
                                <div class="doc-icon-fontclass">layui-icon-star</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-star-fill"></i>
                                <div class="doc-icon-fontclass">layui-icon-star-fill</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-close-fill"></i>
                                <div class="doc-icon-fontclass">layui-icon-close-fill</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-close"></i>
                                <div class="doc-icon-fontclass">layui-icon-close</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-ok-circle"></i>
                                <div class="doc-icon-fontclass">layui-icon-ok-circle</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon layui-icon-add-circle-fine"></i>
                                <div class="doc-icon-fontclass">layui-icon-add-circle-fine</div>
                            </li>
                        </ul>
                    </div>
                    <div class="layui-tab-item">
                        <ul class="doc-icon layui-row">
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-user"></i>
                                <div class="doc-icon-fontclass">icon-user</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-user-female"></i>
                                <div class="doc-icon-fontclass">icon-user-female</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-users"></i>
                                <div class="doc-icon-fontclass">icon-users</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-user-follow"></i>
                                <div class="doc-icon-fontclass">icon-user-follow</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-user-following"></i>
                                <div class="doc-icon-fontclass">icon-user-following</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-user-unfollow"></i>
                                <div class="doc-icon-fontclass">icon-user-unfollow</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-trophy"></i>
                                <div class="doc-icon-fontclass">icon-trophy</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-speedometer"></i>
                                <div class="doc-icon-fontclass">icon-speedometer</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-social-youtube"></i>
                                <div class="doc-icon-fontclass">icon-social-youtube</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-social-twitter"></i>
                                <div class="doc-icon-fontclass">icon-social-twitter</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-social-tumblr"></i>
                                <div class="doc-icon-fontclass">icon-social-tumblr</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-social-facebook"></i>
                                <div class="doc-icon-fontclass">icon-social-facebook</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-social-dropbox"></i>
                                <div class="doc-icon-fontclass">icon-social-dropbox</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-social-dribbble"></i>
                                <div class="doc-icon-fontclass">icon-social-dribbble</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-shield"></i>
                                <div class="doc-icon-fontclass">icon-shield</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-screen-tablet"></i>
                                <div class="doc-icon-fontclass">icon-screen-tablet</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-screen-smartphone"></i>
                                <div class="doc-icon-fontclass">icon-screen-smartphone</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-screen-desktop"></i>
                                <div class="doc-icon-fontclass">icon-screen-desktop</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-plane"></i>
                                <div class="doc-icon-fontclass">icon-plane</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-notebook"></i>
                                <div class="doc-icon-fontclass">icon-notebook</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-moustache"></i>
                                <div class="doc-icon-fontclass">icon-moustache</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-mouse"></i>
                                <div class="doc-icon-fontclass">icon-mouse</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-magnet"></i>
                                <div class="doc-icon-fontclass">icon-magnet</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-magic-wand"></i>
                                <div class="doc-icon-fontclass">icon-magic-wand</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-hourglass"></i>
                                <div class="doc-icon-fontclass">icon-hourglass</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-graduation"></i>
                                <div class="doc-icon-fontclass">icon-graduation</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-ghost"></i>
                                <div class="doc-icon-fontclass">icon-ghost</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-game-controller"></i>
                                <div class="doc-icon-fontclass">icon-game-controller</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-fire"></i>
                                <div class="doc-icon-fontclass">icon-fire</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-eyeglasses"></i>
                                <div class="doc-icon-fontclass">icon-eyeglasses</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-envelope-open"></i>
                                <div class="doc-icon-fontclass">icon-envelope-open</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-envelope-letter"></i>
                                <div class="doc-icon-fontclass">icon-envelope-letter</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-energy"></i>
                                <div class="doc-icon-fontclass">icon-energy</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-emoticon-smile"></i>
                                <div class="doc-icon-fontclass">icon-emoticon-smile</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-disc"></i>
                                <div class="doc-icon-fontclass">icon-disc</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-cursor-move"></i>
                                <div class="doc-icon-fontclass">icon-cursor-move</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-crop"></i>
                                <div class="doc-icon-fontclass">icon-crop</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-credit-card"></i>
                                <div class="doc-icon-fontclass">icon-credit-card</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-chemistry"></i>
                                <div class="doc-icon-fontclass">icon-chemistry</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-bell"></i>
                                <div class="doc-icon-fontclass">icon-bell</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-badge"></i>
                                <div class="doc-icon-fontclass">icon-badge</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-anchor"></i>
                                <div class="doc-icon-fontclass">icon-anchor</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-action-redo"></i>
                                <div class="doc-icon-fontclass">icon-action-redo</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-action-undo"></i>
                                <div class="doc-icon-fontclass">icon-action-undo</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-bag"></i>
                                <div class="doc-icon-fontclass">icon-bag</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-basket"></i>
                                <div class="doc-icon-fontclass">icon-basket</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-basket-loaded"></i>
                                <div class="doc-icon-fontclass">icon-basket-loaded</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-book-open"></i>
                                <div class="doc-icon-fontclass">icon-book-open</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-briefcase"></i>
                                <div class="doc-icon-fontclass">icon-briefcase</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-bubbles"></i>
                                <div class="doc-icon-fontclass">icon-bubbles</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-calculator"></i>
                                <div class="doc-icon-fontclass">icon-calculator</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-call-end"></i>
                                <div class="doc-icon-fontclass">icon-call-end</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-call-in"></i>
                                <div class="doc-icon-fontclass">icon-call-in</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-call-out"></i>
                                <div class="doc-icon-fontclass">icon-call-out</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-compass"></i>
                                <div class="doc-icon-fontclass">icon-compass</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-cup"></i>
                                <div class="doc-icon-fontclass">icon-cup</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-diamond"></i>
                                <div class="doc-icon-fontclass">icon-diamond</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-direction"></i>
                                <div class="doc-icon-fontclass">icon-direction</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-directions"></i>
                                <div class="doc-icon-fontclass">icon-directions</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-docs"></i>
                                <div class="doc-icon-fontclass">icon-docs</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-drawer"></i>
                                <div class="doc-icon-fontclass">icon-drawer</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-drop"></i>
                                <div class="doc-icon-fontclass">icon-drop</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-earphones"></i>
                                <div class="doc-icon-fontclass">icon-earphones</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-earphones-alt"></i>
                                <div class="doc-icon-fontclass">icon-earphones-alt</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-feed"></i>
                                <div class="doc-icon-fontclass">icon-feed</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-film"></i>
                                <div class="doc-icon-fontclass">icon-film</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-folder-alt"></i>
                                <div class="doc-icon-fontclass">icon-folder-alt</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-frame"></i>
                                <div class="doc-icon-fontclass">icon-frame</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-globe"></i>
                                <div class="doc-icon-fontclass">icon-globe</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-globe-alt"></i>
                                <div class="doc-icon-fontclass">icon-globe-alt</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-handbag"></i>
                                <div class="doc-icon-fontclass">icon-handbag</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-layers"></i>
                                <div class="doc-icon-fontclass">icon-layers</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-map"></i>
                                <div class="doc-icon-fontclass">icon-map</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-picture"></i>
                                <div class="doc-icon-fontclass">icon-picture</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-pin"></i>
                                <div class="doc-icon-fontclass">icon-pin</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-playlist"></i>
                                <div class="doc-icon-fontclass">icon-playlist</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-present"></i>
                                <div class="doc-icon-fontclass">icon-present</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-printer"></i>
                                <div class="doc-icon-fontclass">icon-printer</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-puzzle"></i>
                                <div class="doc-icon-fontclass">icon-puzzle</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-speech"></i>
                                <div class="doc-icon-fontclass">icon-speech</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-vector"></i>
                                <div class="doc-icon-fontclass">icon-vector</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-wallet"></i>
                                <div class="doc-icon-fontclass">icon-wallet</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-arrow-down"></i>
                                <div class="doc-icon-fontclass">icon-arrow-down</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-arrow-left"></i>
                                <div class="doc-icon-fontclass">icon-arrow-left</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-arrow-right"></i>
                                <div class="doc-icon-fontclass">icon-arrow-right</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-arrow-up"></i>
                                <div class="doc-icon-fontclass">icon-arrow-up</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-bar-chart"></i>
                                <div class="doc-icon-fontclass">icon-bar-chart</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-bulb"></i>
                                <div class="doc-icon-fontclass">icon-bulb</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-calendar"></i>
                                <div class="doc-icon-fontclass">icon-calendar</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-control-end"></i>
                                <div class="doc-icon-fontclass">icon-control-end</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-control-forward"></i>
                                <div class="doc-icon-fontclass">icon-control-forward</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-control-pause"></i>
                                <div class="doc-icon-fontclass">icon-control-pause</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-control-play"></i>
                                <div class="doc-icon-fontclass">icon-control-play</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-control-rewind"></i>
                                <div class="doc-icon-fontclass">icon-control-rewind</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-control-start"></i>
                                <div class="doc-icon-fontclass">icon-control-start</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-cursor"></i>
                                <div class="doc-icon-fontclass">icon-cursor</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-dislike"></i>
                                <div class="doc-icon-fontclass">icon-dislike</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-equalizer"></i>
                                <div class="doc-icon-fontclass">icon-equalizer</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-graph"></i>
                                <div class="doc-icon-fontclass">icon-graph</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-grid"></i>
                                <div class="doc-icon-fontclass">icon-grid</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-home"></i>
                                <div class="doc-icon-fontclass">icon-home</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-like"></i>
                                <div class="doc-icon-fontclass">icon-like</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-list"></i>
                                <div class="doc-icon-fontclass">icon-list</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-login"></i>
                                <div class="doc-icon-fontclass">icon-login</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-logout"></i>
                                <div class="doc-icon-fontclass">icon-logout</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-loop"></i>
                                <div class="doc-icon-fontclass">icon-loop</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-microphone"></i>
                                <div class="doc-icon-fontclass">icon-microphone</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-music-tone"></i>
                                <div class="doc-icon-fontclass">icon-music-tone</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-music-tone-alt"></i>
                                <div class="doc-icon-fontclass">icon-music-tone-alt</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-note"></i>
                                <div class="doc-icon-fontclass">icon-note</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-pencil"></i>
                                <div class="doc-icon-fontclass">icon-pencil</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-pie-chart"></i>
                                <div class="doc-icon-fontclass">icon-pie-chart</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-question"></i>
                                <div class="doc-icon-fontclass">icon-question</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-rocket"></i>
                                <div class="doc-icon-fontclass">icon-rocket</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-share"></i>
                                <div class="doc-icon-fontclass">icon-share</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-share-alt"></i>
                                <div class="doc-icon-fontclass">icon-share-alt</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-shuffle"></i>
                                <div class="doc-icon-fontclass">icon-shuffle</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-size-actual"></i>
                                <div class="doc-icon-fontclass">icon-size-actual</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-size-fullscreen"></i>
                                <div class="doc-icon-fontclass">icon-size-fullscreen</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-support"></i>
                                <div class="doc-icon-fontclass">icon-support</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-tag"></i>
                                <div class="doc-icon-fontclass">icon-tag</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-trash"></i>
                                <div class="doc-icon-fontclass">icon-trash</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-umbrella"></i>
                                <div class="doc-icon-fontclass">icon-umbrella</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-wrench"></i>
                                <div class="doc-icon-fontclass">icon-wrench</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-ban"></i>
                                <div class="doc-icon-fontclass">icon-ban</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-bubble"></i>
                                <div class="doc-icon-fontclass">icon-bubble</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-camcorder"></i>
                                <div class="doc-icon-fontclass">icon-camcorder</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-camera"></i>
                                <div class="doc-icon-fontclass">icon-camera</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-check"></i>
                                <div class="doc-icon-fontclass">icon-check</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-clock"></i>
                                <div class="doc-icon-fontclass">icon-clock</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-close"></i>
                                <div class="doc-icon-fontclass">icon-close</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-cloud-download"></i>
                                <div class="doc-icon-fontclass">icon-cloud-download</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-cloud-upload"></i>
                                <div class="doc-icon-fontclass">icon-cloud-upload</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-doc"></i>
                                <div class="doc-icon-fontclass">icon-doc</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-envelope"></i>
                                <div class="doc-icon-fontclass">icon-envelope</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-eye"></i>
                                <div class="doc-icon-fontclass">icon-eye</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-flag"></i>
                                <div class="doc-icon-fontclass">icon-flag</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-folder"></i>
                                <div class="doc-icon-fontclass">icon-folder</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-heart"></i>
                                <div class="doc-icon-fontclass">icon-heart</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-info"></i>
                                <div class="doc-icon-fontclass">icon-info</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-key"></i>
                                <div class="doc-icon-fontclass">icon-key</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-link"></i>
                                <div class="doc-icon-fontclass">icon-link</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-lock"></i>
                                <div class="doc-icon-fontclass">icon-lock</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-lock-open"></i>
                                <div class="doc-icon-fontclass">icon-lock-open</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-magnifier"></i>
                                <div class="doc-icon-fontclass">icon-magnifier</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-magnifier-add"></i>
                                <div class="doc-icon-fontclass">icon-magnifier-add</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-magnifier-remove"></i>
                                <div class="doc-icon-fontclass">icon-magnifier-remove</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-paper-clip"></i>
                                <div class="doc-icon-fontclass">icon-paper-clip</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-paper-plane"></i>
                                <div class="doc-icon-fontclass">icon-paper-plane</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-plus"></i>
                                <div class="doc-icon-fontclass">icon-plus</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-pointer"></i>
                                <div class="doc-icon-fontclass">icon-pointer</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-power"></i>
                                <div class="doc-icon-fontclass">icon-power</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-refresh"></i>
                                <div class="doc-icon-fontclass">icon-refresh</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-reload"></i>
                                <div class="doc-icon-fontclass">icon-reload</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-settings"></i>
                                <div class="doc-icon-fontclass">icon-settings</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-star"></i>
                                <div class="doc-icon-fontclass">icon-star</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-symbol-female"></i>
                                <div class="doc-icon-fontclass">icon-symbol-female</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-symbol-male"></i>
                                <div class="doc-icon-fontclass">icon-symbol-male</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-target"></i>
                                <div class="doc-icon-fontclass">icon-target</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-volume-1"></i>
                                <div class="doc-icon-fontclass">icon-volume-1</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-volume-2"></i>
                                <div class="doc-icon-fontclass">icon-volume-2</div>
                            </li>
                            <li class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                                <i class="layui-icon icon-volume-off"></i>
                                <div class="doc-icon-fontclass">icon-volume-off</div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{/block}

{block name="pagescript"}
<script type="text/javascript">

</script>
{/block}